<template>
  <div class="app-container app-container-table">
    <el-row style="background-color:#fff;padding-right: 10px !important">
      <el-col :span="4" :offset="20"><span style="cursor:pointer" @click="togglestatus()">订单状态:</span><i :class="icon" /></el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {
      icon: 'el-icon-arrow-down',
      status: false
    }
  },
  methods: {
    // 订单状态切换
    togglestatus() {
      if (this.status === true) {
        this.icon = 'el-icon-arrow-down'
        this.status = false
      } else {
        this.icon = 'el-icon-arrow-up'
        this.status = true
      }
      var that = this.$parent.$parent.$parent
      that.$refs.compKey20[0].curIsShow = this.status
      that.setTableHeight()
    }
  }
}
</script>
